<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
	margin: 0px;padding: 0px;
}
#slide{
    width: 700px;
    height: 335px;
    border: 1px solid blue;
    margin: 0 auto;
    margin-top: 50px;
}
</style>
</head>
<body>
	<div id="slide">
		<ul>
			
		</ul>
	</div>
</body>
<script>
	var pics = [
	    {img:"images/1.jpg",url:"http://www.houdunwang.com"},
	    {img:"images/2.jpg",url:"http://www.houdunwang.com"},
	    {img:"images/3.jpg",url:"http://www.houdunwang.com"},
	    {img:"images/4.jpg",url:"http://www.houdunwang.com"},
	];
</script>



</html>